import {useState} from 'react';
import {Alert, Button, View} from 'react-native';

// export default function App() {
//   // 普通数据
//   // 普通发生了改变 不会触发UI/组件重新渲染
//   let num = 100;
//   const add = () => {
//     num++;
//     Alert.alert(num.toString());
//   };
//   return (
//     <View>
//       {/* 组件重新渲染 */}
//       <Button onPress={add} title={num.toString()} />
//     </View>
//   );
// }

export default function App() {
  //  数据改变了，UI重新渲染
  // 用 “状态”
  // 1 创建初始化状态的 写法   useState（初始值）
  // 2 useState 函数，返回 数组
  // 3 数组的第一个元素 数值-状态
  // 4 数组的第二个元素 函数 负责更改状态
  let [num, setNum] = useState(100);
  const add = () => {
    setNum(num + 1);
    // Alert.alert(num.toString());
  };
  return (
    <View>
      {/* 组件重新渲染 */}
      <Button onPress={add} title={num.toString()} />
    </View>
  );
}
